*{padding:0;margin:0;}
.ad{
	width: 400px;
	height:300px;
	position:fixed;
	right:10px;
	bottom:-43px;
}

.towAd{
	width: 400px;
	height:300px;
	position:fixed;
	right:10px;
	top: 540px;
}


.towAd .icon{
	display: block;
	content: "";
	width: 400px;
	height: 300px;
	background: url() 0 0 no-repeat;
	background-size: 50px 50px;
	position: absolute;
	-webkit-animation: move 2s linear infinite;
	-webkit-transform-origin: 50% 70%;
}

.towAd a img{
	vertical-align:top;
}
.ad .icon{
	display: block;
	content: "";
	width: 400px;
	height: 300px;
	background: url() 0 0 no-repeat;
	background-size: 50px 50px;
	position: absolute;
	-webkit-animation: move 2s linear infinite;
	-webkit-transform-origin: 50% 70%;
}
.ad a img{
	vertical-align:top;
}
@keyframes move{
	10%,20%{
		-webkit-transform: rotate(-8deg);
	}
	5%,15%,25%{
		-webkit-transform: rotate(8deg);
	}
	0%,30%,100%{
		-webkit-transform: rotate(0deg);
	}
}
.icon div{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 180px;
	line-height: 180px;
	color: #ffffff;
	padding-left: 10px;
	background: linear-gradient(-180deg,rgba(255,255,255,0) 0%,rgba(0,0,0,.5) 70%);
}
.a{
	width:20px;
	height:20px;
	position:absolute;
	left:380px;
	background:#eee;
	text-align: center;
	cursor: pointer;
	z-index: 9999;
}
.imgDiv{
	position:absolute;
	left:50px;
	top:60px;
	z-index: 99999
}

#imgDiv{
	position:absolute;
	left:200px;
	top:200px;
	z-index: 99999
}